<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/layuimini/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/layuimini/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <form class="layui-form layui-form-pane" action="" lay-filter="example"> 
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">绑定信息</li>
                <li>基础信息</li>
                <li>数据分析</li>
                <li>维权信息</li>
            </ul>
            <div class="layui-tab-content">
                
               <!-- 绑定信息 -->
                <div class="layui-tab-item layui-show">
                    <!--<div class="layui-form-item">-->
                    <!--    <label class="layui-form-label">所属机器人</label>-->
                    <!--    <div class="layui-input-inline" readonly>--><!-- readonly 只读标签-->
                    <!--        <input type="text" class="layui-input" name="robot_name" readonly>-->
                    <!--    </div>-->
                    <!--</div>-->
                    <div class="layui-form-item">
                        <label class="layui-form-label">用户ID</label>
                        <div class="layui-input-inline" readonly>
                            <input type="text" class="layui-input" name="wx_id" readonly>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">用户名称</label>
                        <div class="layui-input-inline" readonly>
                            <input type="text" class="layui-input" name="wx_name" readonly>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">上级id</label>
                        <div class="layui-input-inline" readonly>
                            <input type="text" class="layui-input" name="father_id" readonly>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">上级名称</label>
                        <div class="layui-input-inline" readonly>
                            <input type="text" class="layui-input" name="father_name" readonly>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">上上级id</label>
                        <div class="layui-input-inline" readonly>
                            <input type="text" class="layui-input" name="grandpa_id" readonly>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">上上级名称</label>
                        <div class="layui-input-inline" readonly>
                            <input type="text" class="layui-input" name="grandpa_name" readonly>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">绑定来源</label>
                        <div class="layui-input-inline" readonly>
                            <input type="text" class="layui-input" name="fl_source" readonly>
                        </div>
                    </div>
                    <!--
                    <div class="layui-form-item">
                        <label class="layui-form-label">专属id</label>
                        <div class="layui-input-inline" readonly>
                            <input type="text" class="layui-input" name="zhuanshu_id" readonly>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">专属名称</label>
                        <div class="layui-input-inline" readonly>
                            <input type="text" class="layui-input" name="zhuanshu_name" readonly>
                        </div>
                    </div> -->
                </div>
                <!-- 基础信息 -->
                <div class="layui-tab-item ">
                    <form class="layui-form layui-form-pane" lay-filter="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">所属账号</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="cps_user_name" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">所属类目</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="item_category_name" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">所属店铺</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="seller_shop_title" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">订单状态</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="tk_status" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">返利状态</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="fl_status" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品ID</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="item_id" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">推广位名称</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="adzone_name" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">推广位PID</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="pid" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">创建时间</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="tk_create_time" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">结算时间</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="tk_earning_time" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">绑定时间</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="fl_binding_time" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">解冻时间</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="fl_thaw_time" readonly>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- 数据分析 -->
                <div class="layui-tab-item ">
                    <form class="layui-form layui-form-pane" lay-filter="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">付款金额</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="alipay_total_price" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">结算金额</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="pay_price" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">佣金比例</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="tk_total_rate" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">联盟佣金</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="pub_share_pre_fee" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">结算佣金</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="pub_share_fee" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品数量</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="item_num" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">总佣金</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="count_fee" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">用户佣金</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="user_fee" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">上级提成</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="father_fee" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">上上级提成</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="grandpa_fee" readonly>
                            </div>
                        </div>
                        <!--
                        <div class="layui-form-item">
                            <label class="layui-form-label">专属PID提成</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="zhuanshu_fee" readonly>
                            </div>
                        </div> -->
                    </form>
                </div>
                <!-- 维权信息 -->
                <div class="layui-tab-item">
                    <form class="layui-form layui-form-pane" lay-filter="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">维权金额</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="refund_price" readonly>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">维权佣金</label>
                            <div class="layui-input-inline" readonly>
                                <input type="text" class="layui-input" name="refund_share_fee" readonly>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>        
                    
                    
                    
        </form>
    </div>
</div>    
<!--<form class="layui-form layui-form-pane" action="" lay-filter="example">-->
<!--  <div class="layui-form-item">-->
<!--    <label class="layui-form-label">长输入框</label>-->
<!--    <div class="layui-input-block">-->
<!--      <input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">-->
<!--    </div>-->
<!--  </div>-->
<!--  <div class="layui-form-item">-->
<!--    <label class="layui-form-label">短输入框</label>-->
<!--    <div class="layui-input-inline">-->
<!--      <input type="text" name="username" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">-->
<!--    </div>-->
<!--  </div>-->
  
<!--  <div class="layui-form-item">-->
<!--    <div class="layui-inline">-->
<!--      <label class="layui-form-label">日期选择</label>-->
<!--      <div class="layui-input-block">-->
<!--        <input type="text" name="date" id="date1" autocomplete="off" class="layui-input">-->
<!--      </div>-->
<!--    </div>-->
<!--    <div class="layui-inline">-->
<!--      <label class="layui-form-label">行内表单</label>-->
<!--      <div class="layui-input-inline">-->
<!--        <input type="text" name="number" autocomplete="off" class="layui-input">-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--  <div class="layui-form-item">-->
<!--    <label class="layui-form-label">密码</label>-->
<!--    <div class="layui-input-inline">-->
<!--      <input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input">-->
<!--    </div>-->
<!--    <div class="layui-form-mid layui-word-aux">请务必填写用户名</div>-->
<!--  </div>-->
  
<!--  <div class="layui-form-item">-->
<!--    <div class="layui-inline">-->
<!--      <label class="layui-form-label">范围</label>-->
<!--      <div class="layui-input-inline" style="width: 100px;">-->
<!--        <input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">-->
<!--      </div>-->
<!--      <div class="layui-form-mid">-</div>-->
<!--      <div class="layui-input-inline" style="width: 100px;">-->
<!--        <input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
  
<!--  <div class="layui-form-item">-->
<!--    <label class="layui-form-label">单行选择框</label>-->
<!--    <div class="layui-input-block">-->
<!--      <select name="interest" lay-filter="aihao">-->
<!--        <option value=""></option>-->
<!--        <option value="0">写作</option>-->
<!--        <option value="1" selected="">阅读</option>-->
<!--        <option value="2">游戏</option>-->
<!--        <option value="3">音乐</option>-->
<!--        <option value="4">旅行</option>-->
<!--      </select>-->
<!--    </div>-->
<!--  </div>-->
  
<!--  <div class="layui-form-item">-->
<!--    <label class="layui-form-label">行内选择框</label>-->
<!--    <div class="layui-input-inline">-->
<!--      <select name="quiz1">-->
<!--        <option value="">请选择省</option>-->
<!--        <option value="浙江" selected="">浙江省</option>-->
<!--        <option value="你的工号">江西省</option>-->
<!--        <option value="你最喜欢的老师">福建省</option>-->
<!--      </select>-->
<!--    </div>-->
<!--    <div class="layui-input-inline">-->
<!--      <select name="quiz2">-->
<!--        <option value="">请选择市</option>-->
<!--        <option value="杭州">杭州</option>-->
<!--        <option value="宁波" disabled="">宁波</option>-->
<!--        <option value="温州">温州</option>-->
<!--        <option value="温州">台州</option>-->
<!--        <option value="温州">绍兴</option>-->
<!--      </select>-->
<!--    </div>-->
<!--    <div class="layui-input-inline">-->
<!--      <select name="quiz3">-->
<!--        <option value="">请选择县/区</option>-->
<!--        <option value="西湖区">西湖区</option>-->
<!--        <option value="余杭区">余杭区</option>-->
<!--        <option value="拱墅区">临安市</option>-->
<!--      </select>-->
<!--    </div>-->
<!--  </div>-->
<!--  <div class="layui-form-item" pane="">-->
<!--    <label class="layui-form-label">开关-开</label>-->
<!--    <div class="layui-input-block">-->
<!--      <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" title="开关">-->
<!--    </div>-->
<!--  </div>-->
<!--  <div class="layui-form-item" pane="">-->
<!--    <label class="layui-form-label">单选框</label>-->
<!--    <div class="layui-input-block">-->
<!--      <input type="radio" name="sex" value="男" title="男" checked="">-->
<!--      <input type="radio" name="sex" value="女" title="女">-->
<!--      <input type="radio" name="sex" value="禁" title="禁用" disabled="">-->
<!--    </div>-->
<!--  </div>-->
<!--  <div class="layui-form-item layui-form-text">-->
<!--    <label class="layui-form-label">文本域</label>-->
<!--    <div class="layui-input-block">-->
<!--      <textarea placeholder="请输入内容" class="layui-textarea"></textarea>-->
<!--    </div>-->
<!--  </div>-->
<!--  <div class="layui-form-item">-->
<!--    <button class="layui-btn" lay-submit="" lay-filter="demo2">跳转式提交</button>-->
<!--  </div>-->
<!--</form>-->
    


<script src="/static/layuimini/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['form', 'layedit', 'element','laydate'], function(){
        var form = layui.form;
        var layer = layui.layer;
        var layedit = layui.layedit;
        var laydate = layui.laydate;
        
//表单初始赋值
        form.val('example', {
            "robot_name": "d.data.robot_name",
                    "wx_id": "d.data.wx_id",
                    "wx_name": "d.data.wx_name",
                    "father_id": "d.data.father_id",
                    "father_name": "d.data.father_name",
                    "grandpa_id": "d.data.grandpa_id",
                    "grandpa_name": "d.data.grandpa_name",
                    "zhuanshu_id": "d.data.zhuanshu_id",
                    "zhuanshu_name": "d.data.zhuanshu_name",
                    "cps_user_name": "d.data.cps_user_name",
                    "item_category_name": "d.data.item_category_name",
                    "seller_shop_title": "d.data.seller_shop_title",
                    "tk_status": "d.data.tk_status",
                    "fl_status": "d.data.fl_status",
                    "item_id": "d.data.item_id",
                    "fl_binding_time": "d.data.fl_binding_time",
                    "tk_create_time": "d.data.tk_create_time",
                    "tk_earning_time": "d.data.tk_earning_time",
                    "fl_thaw_time": "d.data.fl_thaw_time",
                    "fl_source": "d.data.fl_source",
                    //数据分析
                    "alipay_total_price": "d.data.alipay_total_price",
                    "pay_price": "d.data.pay_price",
                    "tk_total_rate": "d.data.tk_total_rate"+'%',
                    "pub_share_pre_fee":" d.data.pub_share_pre_fee",
                    "pub_share_fee": "d.data.pub_share_fee",
                    "item_num": "d.data.item_num",
                    "adzone_name": "d.data.adzone_name",
                    "pid":" d.data.pid",
                    "count_fee": "d.data.count_fee",
                    "user_fee": "d.data.user_fee",
                    "father_fee": "d.data.father_fee",
                    "grandpa_fee": "d.data.grandpa_fee",
                    "zhuanshu_fee": "d.data.zhuanshu_fee",
                    "refund_share_fee": "d.data.refund_share_fee",
                    "refund_price": "d.data.refund_price"
        })

});

</script>

</body>
</html>